<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // function 关键字声明普通函数，完成复用逻辑的定义和调用
        // function 方法名( 定义形参列表 ){ 定义方法体 }
        function printFun(){
            console.log("自定义方法被执行");
        }
        
        // 方法调用： 方法名()
        // printFun();

        // 也可以通过标签调用
        //    HTML 标签会被提供固定的行为事件,事件默认提供的是一个JS的空方法
        //         通过为标签对于的行为事件提供自定义JS函数，实现方法逻辑的执行
    </script>
</head>
<body>
    <!-- onclick 为标签绑定了鼠标的点击事件 -->
    <input type="button" value="触发打印方法" onclick="printFun()">
</body>
</html>